<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>在线预授权使用说明</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/pravate/Instructions.css" />
		<script src="../js/mui.min.js"></script>
	</head>
		<style>
			img{
				width: 100%;
			}
			ol li, ul li, p{
				font-size: 14px !important;
			}
		</style>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">使用说明</h1>
		</header>
		<div class="mui-content">
			<div class="bg-fff padding-0-15">
				<ul>
					<li>
						<p><span class="warning">!</span>“在线预授权”使用流程</p>
					</li>
					<li>
						<div class="width-100">
							<img src="../img/img_1@2x.png" width="100%"/>
						</div>
					</li>
					<li>
						<ol style="font-size: 16px;">温馨提示：
							<li style="color: red;">1.若客户未收到短信，可在订单详情里面点击重新发送</li>
							<li style="color: red;">2.若客户点击链接到支付宝，显示参数链接失败时提醒客户需要再次点击</li>
						</ol>
					</li>
					<li>
						<div class="width-7">
							<p><span class="warning1">1</span></p>
							<div class="border-left-1"></div>
						</div>
						<div class="flex-1">
							<p>输入入住人信息</p>
						</div>
						<div class="width-55">
							<img src="../img/img_2@2x.png" width="100%" />
						</div>
					</li>
					<li>
						<div class="width-7">
							<p><span class="warning1">2</span></p>
							<div class="border-left-1"></div>
						</div>
						<div class="flex-1">
							<p>
								编辑短信内容并输入收信人号码，默认为入住人号码（可修改）
							</p>
						</div>
						<div class="width-55">
							<img src="../img/img_3@2x.png" width="100%" />
						</div>
					</li>
					<!--<li>
						<div class="width-7">
							<p><span class="warning1">3</span></p>
							<div class="border-left-1"></div>
						</div>
						<div class="flex-1">
							<p>
								点击切换查看“预授权列表”
							</p>
						</div>
						<div class="width-55">
							<img src="../img/img_7@2x.png" width="100%" />
						</div>
					</li>-->
					<li>
						<div class="width-7">
							<p><span class="warning1">3</span></p>
							<div class="border-left-1"></div>
						</div>
						<div class="flex-1">
							<p>
								进入订单详情,进行订单核销（需输入支付密码）
							</p>
						</div>
						<div class="width-55">
							<img src="../img/img_4@2x.png" width="100%" />
						</div>
					</li>
					<li>
						<div class="width-7">
							<p><span class="warning1">4</span></p>
							<div class="border-left-1"></div>
						</div>
						<div class="flex-1">
							<p>
								客人支付成功自动弹出提示框
							</p>
						</div>
						<div class="width-55">
							<img src="../img/img_5@2x.png" width="100%" />
						</div>
					</li>
					<li>
						<div class="width-7">
							<p><span class="warning1">5</span></p>
							<div class="border-left-1"></div>
						</div>
						<div class="flex-1">
							<p>
								客人到店，在订单详情页面，点击“确认核销”并输入支付密码进行核销
							</p>
						</div>
						<div class="width-55">
							<img src="../img/img_6@2x.png" width="100%" />
						</div>
					</li>
					<li>
						<div class="width-7">
							<p><span class="warning1">6</span></p>
						</div>
						<div class="flex-1">
							<p>
								预授权列表页面可查看最新订单，点击右上方“放大镜”图标可进行列表搜索
							</p>
						</div>
						<div class="width-55">
							<img src="../img/img_7@2x.png" width="100%" />
						</div>
					</li>
					<li style="color: red;">
						用户入住以后，账单结算仍为预授权结算流程（预授权账单列表结算）
					</li>
				</ul>
			</div>
		</div>
	</body>

</html>